<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<link rel="stylesheet" href="js/Bootstrap.css">
<link rel="stylesheet" href="js/jquery.mobile.structure.min.css" />
<link rel="stylesheet" href="js/jquery.mobile.icons.min.css" />
<script src="js/jquery.js"></script>
<script src="js/jquery.mobile.js"></script>

<script src="js/tools.js"></script>
<script src="js/jquery.touchSwipe.min.js"></script>
<script type="text/javascript" charset="utf-8">
	// Wait for device API libraries to load
	//
	$(document).ready(onLoad);
	function onLoad() {
		document.addEventListener("deviceready", onDeviceReady, false);

	}
	// device APIs are available
	// deviceready事件處理函數，PhoneGap完成載入後調用該函數
	function onDeviceReady() {

	}
	
</script>
<style type="text/css">
@font-face{
	font-family: "customfont";
	src: url("fonts/COMIC.TTF") format("opentype"); 
}
#clock{
	font-family: customfont, cursive; 
}
</style>
<title>點心家族行事曆</title>
</head>
<body>
<div id="clock" data-role="page">
  <div role="main" class="ui-content">
   <h1> <div id="time">08:30</div></h1>
    <div id="sec">30</div>
    <h3>設定鬧鐘</h3>
    <div id="enable">OFF</div><br><div id="alarmTime">07:40</div>
  </div>
  <!-- /content --> 
  <script src="js/clock.js"></script>
</div>
<!-- /page -->
</body>
</html>
